
/* 滚动条整体部分 */  
::-webkit-scrollbar {  
    width: 2px;  
}  
  
/* 外层轨道 */  
::-webkit-scrollbar-track {  
    background: #f8f8f800;   
}  
  
/* 滚动的滑块 */  
::-webkit-scrollbar-thumb {  
    background: #5c5b5b;  
    
}  
  
/* 当手柄在滚动时添加滚动条手柄的悬停效果 */  
::-webkit-scrollbar-thumb:hover {  
    background: #555;  
}
::-webkit-resizer{
    width: 0;
    height: 0;
}
/* 其他 */
/* ::-webkit-scrollbar-button 滚动条两端的按钮
::-webkit-scrollbar-track-piece 内层滚动槽
::-webkit-scrollbar-corner 边角
::-webkit-resizer 定义右下角拖动块的样式 */

.ground-glass{
    background-color: rgba(133, 133, 133, 0.2); /* 半透明背景 */
    backdrop-filter: blur(10px); /* 背景模糊 */
    -webkit-backdrop-filter: blur(10px);
    border-radius: 10px;
}
.shade{
    position: absolute;
    width: 100%;
    height: 100%;
}
.right-move {
    transform: translateX(-50%) ;
}
.left-move {
    transform: translateX(50%) ;
}
.top-move {
    top: 50% ;
    transform: translate(-50%, -250px) ;
}


.spinner {
    width: 40px;
    height: 40px;
    border:4px solid rgba(0,0,0,0.1);
    border-radius:58%;
    border-color:#3498db rgba(0,0,0,0.1);
    animation:spin 1s linear infinite;
}
    @keyframes spin{
    to {
    transform:rotate(360deg);
    }
}
